<%-- 
    Document   : template
    Created on : Aug 18, 2014, 5:50:08 AM
    Author     : HT
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Admin Manager</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" href="resources/main/css/bootstrap.min.css"
	rel="stylesheet">
<link type="text/css"
	href="resources/main/css/bootstrap-responsive.min.css" rel="stylesheet">
<link type="text/css" href="resources/main/css/theme.css"
	rel="stylesheet">
<link type="text/css" href="resources/main/css/font-awesome.css"
	rel="stylesheet">
<link type="text/css"
	href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600'
	rel='stylesheet'>
<%-- 
    Java Script
    --%>
<script src="resources/main/js/jquery-1.9.1.min.js"
	type="text/javascript"></script>
<script src="resources/main/js/jquery-ui-1.10.1.custom.min.js"
	type="text/javascript"></script>
<script src="resources/main/js/bootstrap.min.js" type="text/javascript"></script>
<script src="resources/main/js/jquery.flot.js" type="text/javascript"></script>
<script src="resources/main/js/jquery.flot.resize.js"
	type="text/javascript"></script>
<script src="resources/main/js/common.js" type="text/javascript"></script>

<style type="text/css" rel="stylesheet">
table {
	color: black;
	font-size: 13px;
}

label {
	color: black;
}
</style>
</head>
<body>
 <c:if test="${isLockscreen != null }">
<c:if test="${isLockscreen == 'true' }">
<script type="text/javascript">
alert("true")
</script>
	<jsp:forward page="lockscreen.html" /></c:if>
	</c:if>

	<div class="navbar navbar-fixed-top">
		<%@include file="head-banner.jsp"%>
		<!-- /navbar-inner -->
	</div>
	<!-- /navbar -->
	<div class="wrapper">
		<div class="container">
			<div class="row">
				<%@include file="left-banner.jsp"%>
				<!--/.span3-->
				<div class="span9">
					<div class="content" style="width: 100%">

						<div class="btn-controls">
							<div class="btn-box-row row-fluid">
								<a href="listuser.html" class="btn-box big span4"><i
									class=" icon-group"></i><b>${numUsers }</b>
									<p class="text-muted">Users</p> </a><a href="adminViewReportAction.html"
									class="btn-box big span4"><i class="icon-tasks"></i><b>${numrequests }</b>
									<p class="text-muted">Request</p> </a><a href="bloglogon.html"
									class="btn-box big span4"><i class="icon-signin"></i><b>${counter }</b>
									<p class="text-muted">Logon</p> </a>
							</div>
							<div class="btn-box-row row-fluid" style="display: block">
								<div class="" style="float: left; width: auto">
									<div class="">
										<div class="">
											<a href="newmember.html" class="btn-box small span4"
												style="width: 200px"><i class="icon-user"></i><b
												style="font-size: 14px">New Members</b> </a>
										</div>
									</div>
									<div class="" style="clear: both">
										<div class="">
											<a href="newrequestresetpassword.html" class="btn-box small span4"
												style="width: 200px"><i class="icon-tasks"></i><b
												style="font-size: 14px">New Requests</b> </a>
										</div>
									</div>
								</div>
								<ul class="widget widget-usage unstyled span4"
									style="float: left; width: 77%">
									<li>
										<p>
											<strong>User Admin</strong> <span
												class="pull-right small muted"
												style="color: black; font-weight: bold; font-size: 14px">${allNum['User Admin'] }</span>
										</p>
										<div class="progress tight">
											<div class="bar" style="width: ${allPer['perUserAdmin']}%">
											</div>
										</div>
									</li>
									<li>
										<p>
											<strong>User Support</strong> <span
												class="pull-right small muted"
												style="color: black; font-weight: bold; font-size: 14px">${allNum['User Support'] }</span>
										</p>
										<div class="progress tight">
											<div class="bar" style="width: ${allPer['perUserSupport']}%;">
											</div>
										</div>
									</li>
									<li>
										<p>
											<strong>Account Admin</strong> <span
												class="pull-right small muted"
												style="color: black; font-weight: bold; font-size: 14px">${allNum['Account Admin'] }</span>
										</p>
										<div class="progress tight">
											<div class="bar" style="width: ${allPer['perAccAdmin']}%;">
											</div>
										</div>
									</li>
									<li>
										<p>
											<strong>Account Support</strong> <span
												class="pull-right small muted"
												style="color: black; font-weight: bold; font-size: 14px">${allNum['Account Support'] }</span>
										</p>
										<div class="progress tight">
											<div class="bar" style="width: ${allPer['perAccSupport']}%;">
											</div>
										</div>
									</li>
									<li>
										<p>
											<strong>Report Support</strong> <span
												class="pull-right small muted"
												style="color: black; font-weight: bold; font-size: 14px">${allNum['Report Support'] }</span>
										</p>
										<div class="progress tight">
											<div class="bar"
												style="width: ${allPer['perReportSupport']}%;"></div>
										</div>
									</li>
								</ul>
							</div>
						</div>

					</div>
					<!--/.content-->
				</div>
				<!--/.span9-->
			</div>
		</div>
		<!--/.container-->
	</div>
	<!--/.wrapper-->
	<div class="footer">
		<%@include file="footer.jsp"%>
	</div>
</body>
</html>
